<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j">
	
<body> 
 <ui:composition template="/templates/default/template.xhtml">
    <ui:define name="body">       
    <h:panelGrid columns="1" style="margin-left:5px;width:100%">
    	<!--  tieu de -->
    	<h:panelGrid columns="3" styleClass="columPanelbaritemTitle">
					<h:graphicImage value="/templates/default/images/left-heading_01.jpg" style="margin-left:-4px;margin-bottom:0px"></h:graphicImage>
			  		<h:outputText value="Theo tiêu chí thời gian" styleClass="panelbaritemTitle"></h:outputText>
					<h:graphicImage value="/templates/default/images/left-heading_03.jpg"></h:graphicImage>
		 </h:panelGrid>
	  	<!-- ket thuc tieu de -->
		<!-- phan noi dung phia duoi -->	  
    	<h:panelGrid columns="1" styleClass="panelGridBody">
    	<h:form id="xoadoanra"> 
    			<!-- Bat dau noi dung ben trong -->
		    <rich:panel style="background:#FFFFFF">
		    	<h:panelGrid columns="1" style="margin-left:13px;">
		       		<h:outputText id="idError" value="#{tieuChiThoiGian.error}" style=" color: red;"></h:outputText>
				</h:panelGrid>		
				<h:panelGrid columns="4" style="margin-left:3px;">
		       	 	<h:outputText value="Từ ngày(*): " styleClass="inputText" ></h:outputText>
		       	 	<rich:calendar popup="true" id="ngayBatDau" size="5px" value="#{tieuChiThoiGian.ngayBatDau}" datePattern="dd/MM/yyyy" currentDate="#{tieuChiThoiGian.ngayBatDau}">
					</rich:calendar>					
		       		<h:outputText value="Đến ngày(*): " styleClass="inputText" ></h:outputText>
		       	 	<rich:calendar popup="true" id="ngayKetThuc" size="5px" value="#{tieuChiThoiGian.ngayKetThuc}" datePattern="dd/MM/yyyy" currentDate="#{tieuChiThoiGian.ngayKetThuc}">
					</rich:calendar>					
		    	</h:panelGrid>	
				 	
				<h:panelGrid columns="4" style="margin-left:3px;">
		        <h:outputText value="Thống kê(*): " styleClass="inputText" ></h:outputText>
				<h:inputText id="thongTin" style="margin-left:16px;" value="#{tieuChiThoiGian.thongTin}" size="20"/>
		    	<h:outputText value="Theo "  style="margin-left:7px;" styleClass="inputText" ></h:outputText>
		    	<h:selectOneMenu value="#{tieuChiThoiGian.tieuChi}"  styleClass="InputControl">
				<f:selectItems  value="#{tieuChiThoiGian.dsTieuChi}"/>	
		    	</h:selectOneMenu>	
			   	</h:panelGrid>	
		     	
		     	 <h:panelGrid columns="2" style="margin-left:190px;margin-top:10px;margin-bottom:1px">
		        <a4j:commandButton type="Button" value="Xem" styleClass="Button" action="#{tieuChiThoiGian.thongke}">
		       	</a4j:commandButton>
				<a4j:commandButton type="Button" value="Reset" styleClass="Button" action="#{tieuChiThoiGian.huy}">
		       	</a4j:commandButton>		       		       	
		    	</h:panelGrid>		
		    	    		    	
		</rich:panel>		
		  </h:form>
		  
		   
			     <h:panelGrid columns="1" style="margin-left:0px;">		       		
		       		<h:outputText value="#{tieuChiThoiGian.tongDoanRa}" styleClass="inputText" ></h:outputText>		       			    		
				</h:panelGrid>
				   <ui:include src="/qldoanra/tieuchithoigian/infor.xhtml" />
    </h:panelGrid>
   </h:panelGrid>
  
 </ui:define>
</ui:composition> 
</body>	
</html>